<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.thymeleaf.org/thymeleaf-extras-shiro">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="shortcut icon" href="#">
    <script src="vue.min.js"></script>
</head>
<body>

<div id="app">
    {{ message }}
</div>
    <form th:action="@{/login}" method="post">
       昵称 <input type="text" name="name"><br>
        密码：<input type="password" name="password"><br>
        <input type="submit" value="登录">
    </form>
<h1 th:text="${msg}"></h1><!--显示信息-->

<script>
    new Vue({
    el:'#app',
    data: {
        message:'欢迎登录!'
    }
});</script>
</body>
</html>